.main{
  .logo-con{
    height: 64px;
    padding: 10px;
    img{
      height: 44px;
      width: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .header-con{
    background: #fff;
    padding: 0 20px;
    width: 100%;
  }
  .main-layout-con{
    height: 100%;
    overflow: hidden;
  }
  .main-content-con{
    height: ~"calc(100% - 60px)";
    overflow: hidden;
  }
  .tag-nav-wrapper{
    padding: 0;
    height:40px;
    background:#F0F0F0;
  }
  .content-wrapper{
    padding: 18px;
    height: ~"calc(100% - 80px)";
    overflow: auto;
  }
  .left-sider{
    .ivu-layout-sider-children{
      overflow-y: scroll;
      margin-right: -18px;
    }
  }
}
.ivu-menu-item > i{
  margin-right: 12px !important;
}
.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  margin-right: 8px !important;
}
.collased-menu-dropdown{
  width: 100%;
  margin: 0;
  line-height: normal;
  padding: 7px 0 6px 16px;
  clear: both;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  &:hover{
    background: rgba(100, 100, 100, 0.1);
  }
  & * {
    color: #515a6e;
  }
  .ivu-menu-item > i{
    margin-right: 12px !important;
  }
  .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
    margin-right: 8px !important;
  }
}

.ivu-select-dropdown.ivu-dropdown-transfer{
  max-height: 400px;
}

// 自定义
.taglist-moving-animation-move {
  transition: transform 0.3s;
}
.logo-con {
  padding: 8px;
  text-align: center;
  img {
      height: 44px;
      width: auto;
  }
}
.normal-list-page-mod {
  .normal-list-page-hd {
      margin-bottom: 10px;
  }
  .normal-list-page-bd {
      margin-bottom: 10px;
  }
 
}
.normal-box-mod {
  margin-bottom: 20px;
  .normal-box-hd {     
      padding: 0px 10px 0px 10px;
      background: #f6f7fa;
      border-bottom: 1px solid #ebeef3;
      .normal-box-opt {
          float: right;
          text-align: right;
          font-size: 12px;
      }
      .normal-box-title {
          .decorate-square {
              width: 3px;
              height: 18px;
              background-color: #a609f0;
              float: left;
              margin-top: 4px;
          }
          h2 {
              font-size: 18px;
              float: left;
              margin-left: 10px;
          }
      }
  }
  .normal-box-bd {
      padding: 20px;
      background: #fff;
  }
}
.mb-20 {
  margin-bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mr-10 {
  margin-right: 10px;
}

.c-avator-list {
.avt-item {
  float: left;
  width: 64px;
  height: 64px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  .avt {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 3px solid #fff; 
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  }
  &.cur {
    .avt {
      border-color: #2d8cf0;
    }
  }
}
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}